<!--
 * @Author: actor
 * @Date: 2023-11-13 15:42:40
 * @email: 395593455@qq.com
 * @LastEditors: actor
 * @LastEditTime: 2023-12-19 10:21:02
 * @FilePath: \i-hos-app\shared\emr\src\components\insert\QrCode.vue
 * @Description: 二维码生成插入组件
-->
<template>
  <vue-qr
    :data-config="JSON.stringify(config)"
    class="qrcode"
    text="https://blog.csdn.net/qq_39111074/article/details/130430423"
    :size="100"
    :margin="10"
    backgroundColor="#dff"
  ></vue-qr>
</template>

<script setup lang="ts">
  import { reactive } from 'vue'
  // 条形码生成插件
  import vueQr from 'vue-qr/src/packages/vue-qr.vue'

  // 接口约束
  import { IConfig } from '../../interface/page'
  let config: IConfig = reactive({
    type: '二维码',
    name: '',
    code: '',
    des: '',
  })
</script>
<style scoped lang="scss">
  .qrcode {
    display: inline-block;
  }
</style>
